<?php defined('SYSPATH') or die('No direct script access.');?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:fb="http://ogp.me/ns/fb#">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords" content="online shop, electonics, iPhone, mp3, notebook">
    <meta name="description" content="<?php echo $description;?>">
    <meta name='loginza-verification' content='8e70bacbc677c2aed66267be33b28248' />
    <title><?php echo $title;?></title>
    <link rel="stylesheet" href="/assets/css/styles.css" />
    <link href="/d.css" type="text/css" rel="stylesheet">
    <style type="text/css">
        
        /* The hint to Hide and Show */
        .hint {
            display: none;
            position: absolute;
            right: 90px;
            width: 200px;
            margin-top: 0px;
            border: 1px solid #c93;
            padding: 10px 12px;
            /* to fix IE6, I can't just declare a background-color,
            I must do a bg image, too!  So I'm duplicating the pointer.gif
            image, and positioning it so that it doesn't show up
            within the box */
            background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
        }

        /* The pointer image is hadded by using another span */
        .hint .hint-pointer {
            position: absolute;
            left: -10px;
            top: 5px;
            width: 10px;
            height: 19px;
            background: url(/images/pointer.gif) left top no-repeat;
        }
        .hasPlaceholder {color: #aaa;}
        a img{border:0} a.a_10:hover{color:#C00} .prototip{position:absolute;overflow:hidden}
        .prototip .tooltip{clear:both;float:left} .prototip .borderTop,.prototip
        .borderBottom{overflow:hidden} .prototip .clearfix{display:block}.prototip
        .tooltip{opacity:1!important;padding:0!important}html,body{height:100%}
        body{margin:0;font-family:Arial,Helvetica,sans-serif}
        .list_border_right{border-right-width:2px;border-right-style:solid}
        .list_border_left{border-left-width:4px;border-left-style:solid}
        tr.list_border_top td{border-top-width:2px;border-top-style:solid}
        tr.list_border_bottom td{
            border-bottom: 2px solid;
        }
        .font_16_orange{font-size:16pt;color:#E6F3E5}
        form{margin:0} a:link{font-size:11pt;font-family:Arial;color:#834119;text-decoration:underline}
        a:hover{font-size:11pt;font-family:Arial;color:#834119;text-decoration:none}
        a.a_web20:hover{font-family:Arial;color:#834119;text-decoration:none;
            border: 0 dashed;
        }
        a.a_10_web20:hover{font-size:10pt;font-family:Arial;color:#834119;text-decoration:none;border-style:dashed;border-width:0}
        a.black:hover{font-size:10pt;color:#000;text-decoration:none} a.a_9_black:hover{font-size:9pt;font-family:Arial;color:#000;text-decoration:none} a.a_9_red:hover{font-size:9pt;font-family:Arial;color:#c33;text-decoration:none}
        a.a_10:hover{font-size:10pt;font-family:Arial;color:#834119;text-decoration:none}
        a.a_10_nvis:hover{font-size:10pt;font-family:Arial;color:#834119;text-decoration:none} a.a_14:hover{font-size:14pt;font-family:Arial;color:#834119;text-decoration:none}
        a.a_16:hover{font-size:16pt;font-family:Arial;color:#834119;text-decoration:none} a.a_18:hover{font-size:18pt;font-family:Arial;color:#834119;text-decoration:none} a:hover.help{font-size:10pt;color:#06C;border-bottom:0 dashed;text-decoration:none} span.ajax-text{color:blue;text-decoration:underline} input{padding:0 5px} .green_box a:link,.green_box a:active,.green_box a:visited{border-style:dashed;border-color:#000;border-width:0 0 1px 0;text-decoration:none}.green_box a:hover{text-decoration:none;border-color:#fff} .orange_box a:hover{text-decoration:none} .wrapper{display:block} .orange_box_cheked a:hover{text-decoration:none}
        .drop_down_menu li:hover ul, #scqIIi a:hover{font-size:10pt;font-family:Arial;color:#834119;text-decoration:none}
        .mainmenucatalog a:hover, .shopRaiting table{width:100%}
        .shopRatingMesto{color:#999;font-size:95%}
        .shTable{border-top:1px solid #bcbcbc;border-right:1px solid #bcbcbc;border-collapse:collapse}
        .shTable th{vertical-align:top;font-weight:bold;background:#e9e3dc}
        .shTable td,.shTable th{border-left:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc;padding:4px}
        ul.clean{list-style:none inside;margin:0!important;padding:0} .dopMenu a:hover{}
        .blockLeftb1{margin:0 2px;background:#EBEEF0;border:0}
        .blockLeftb1 b{margin:0 1px;background:#B8C3C8;border-color:#CBD3D7}
        .blockLeftb2{margin:0 1px;border-color:#D6DCDF}
        .blockLeftb2 b{border-color:#B8C3C8}.blockLeftb2 i{border-color:#E4E8EA}
        .blockLeftb2 q{border-color:#F7F8F9}.blockLeftb3{border-color:#EBEEEF}
        .blockLeftb3 b{border-color:#BCC6CB}.blockLeftb3 i{border-color:#F9FAFB}
        .blockLeftb4{border-color:#CAD2D6}.blockLeftb4 b{border-color:#E5E9EB}
        .blockLeftb5{border-color:#B5C0C6}.blockLeftb5 b{border-color:#FAFBFB}
        .h-clearfix{overflow:hidden}.h-clearfix{float:left;float:none}
        .h-clearfix{display:inline-block}.h-clearfix{display:block}
        a.b-pseudo-link:hover{text-decoration:none}
        a.b-soccer-register-link:hover{text-decoration:none}
        .b-product-item dt{font-weight:bold;float:left;padding-right:.5em;font-style:normal}
        .b-product-item input.b-text-input:focus{outline:none;border-color:rgba(81,120,182,.75);border-radius:3px;box-shadow:0 0 8px rgba(81,120,182,.5);-moz-box-shadow:0 0 8px rgba(81,120,182,.5);-webkit-box-shadow:0 0 8px rgba(81,120,182,.5)} div.label_modal{width:130px} .user-panel .logout-link a:hover{text-decoration:none} #MB_overlay[id]{position:fixed} #MB_window[id]{position:fixed!important} #MB_close:hover{background:transparent}
        #MB_window{background-color:#EFEFEF;color:#000;-webkit-box-shadow:0 0 64px #000;-moz-box-shadow:#000 0 0 64px;box-shadow:0 0 64px #000}#MB_frame{padding-bottom:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}#MB_content{border-top:1px solid #F9F9F9}#MB_header{background-color:#DDD;border-bottom:1px solid #CCC}
        #MB_caption{color:#000}#MB_close{color:#777}
        #MB_close:hover{color:#000}
        html>body .ui-pnotify{position:fixed} .ui-helper-clearfix{display:block}
        .ui-state-disabled, .ui-icon{width:16px;height:16px}
        .ui-widget-overlay{background:#aaa 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30)}
        .ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}
        .ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}
        .ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}
        .ui-tabs .ui-tabs-nav li a, .ui-datepicker .ui-datepicker-prev{left:2px}
        .ui-datepicker .ui-datepicker-next{right:2px}
        .ui-datepicker .ui-datepicker-prev-hover{left:1px}
        .ui-datepicker .ui-datepicker-next-hover{right:1px}
        .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
        .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
        a.register-button:hover, a.login-link:hover, #conveniently:hover{/*background:url('/ebay/images/advantage-buttons.jpg') 0 -54px no-repeat*/}
        #favourably:hover{/*background:url('/ebay/images/advantage-buttons.jpg') -177px -54px no-repeat*/}#reliably:hover{/*background:url('/ebay/images/advantage-buttons.jpg') -354px -54px no-repeat*/} .press{margin:40px 30px 0 30px} a#press-chip:hover{background-position:-170px 0} a#press-rambler:hover{background-position:-170px -56px}
        a#press-computerra:hover{background-position:-170px -112px}
        a#press-cosmopolitan:hover{background-position:-170px -168px}
        a#press-usps:hover{background-position:-170px -224px}
        a#press-boss:hover{background-position:-170px -280px}
        a#press-f5:hover{background-position:-170px -336px}
        a#press-ruformator:hover{background-position:-170px -392px}
        .reviews{margin:40px 0 0 0}
        .presentation-prev-button{width:60px;height:60px;/*background:url('/images/presentation-buttons.jpg') 0 0 no-repeat*/} .presentation-buttons a.current{}
        .footer{
            margin:0;clear:both;background:url('/images/footer-background.jpg');font-size:14px}
        .clear{clear:both} .body-conainer{padding:0}
        .main-wrapper{width:1200px;margin:10px auto 0 auto;background:#FFF;-moz-box-shadow:0 0 16px rgba(0,0,0,.8);-webkit-box-shadow:0 0 16px rgba(0,0,0,.8);box-shadow:0 0 16px rgba(0,0,0,.8);z-index:1;position:relative}
        #menu-panel li.inactive a:hover,#menu-panel-expanded li.inactive a:hover,#menu-panel-compact li.inactive a:hover{background-color:#999!important;color:#FFF!important} #usermenu a:hover{color:#333} 
        #usermenu a:hover span{border-color:#333}
        #usermenu li li div:hover{background-color:#333!important;color:#FFF!important}
        #usermenu li li.inactive div:hover{background-color:#999!important;color:#FFF!important}
        #usermenu li.inactive a:hover{} .moMenu-item-content a:hover{text-decoration:underline!important;color:#FFF!important}
        a#shops-amazon:hover{background-position:-170px -56px}
        a#shops-oldnavy:hover{background-position:-170px -112px}
        a#shops-6pm:hover{background-position:-170px -280px}
        a#shops-macys:hover{background-position:-170px -168px}
        a#shops-zappos:hover{background-position:-170px -224px}
        a#shops-drjays:hover{background-position:-170px -336px}
        a#shops-ebay:hover{background-position:-170px 0}
        a#shops-gap:hover{background-position:-170px -392px}
        a#shops-walmart:hover{background-position:-170px -448px}
        a#shops-levis:hover{background-position:-170px -505px}
        a#shops-diesel:hover{background-position:-170px -560px}
        a#shops-cabelas:hover{background-position:-170px -616px}
        a#shops-yoox:hover{background-position:-170px -672px}
        a#shops-apple:hover{background-position:-170px -728px}
        .video-list a:hover .video-title{color:#FFF;background-color:rgba(0,0,0,0.7)}
        #calculator select{width:330px} .tooltip .tooltip-bottom-center{height:21px}
        .footer, .counters{text-align:center;padding:10px 0;margin:0} .how-its-works .button-green:hover{background-position:-83px -337px}
        .how-its-works .button-blue:hover{background-position:-83px -155px}
        .how-its-works .step-3 a:hover .pm-text{text-decoration:none}
        .how-its-works .reg-button:hover{background-position:-347px -337px}
        .catalog-where-buy .title{font-size:18px;font-weight:bold}
        .shopcard-lastbuy-item{font-size:14px}
        .bonus10bucks a.bonus10bucks-button:hover{background-position:0 -63px}

        .main-wrapper {      
     
            margin: 10px auto 0;
            position: relative;
            width: 900px;
         }
        .stage {
            margin: 0 auto;
            position: relative;
            width: 900px;
        }
        #userpanel{width: 900px;}

        .product-item{
            border-color: gainsboro;
            border-style: solid;
            display: block;
            float: left;
            font-size: 90%;
            margin: 10px;
            min-height: 310px;
            padding: 7px;
            width: 40%;
            border-width: 1px;
        }
        .product-item img{
            /* float: right;
            margin: 7px 0 7px 7px; */
            margin-right: 100%;
            
        }
        #searchResults{
            padding-top: 20px;
        }
        .pagination{
            display: block;
            float: left;
            margin: 0 10px 10px;
            text-align: center;
            width: 100%;
        }
        .pagination a{
            margin-left: 2px;
            margin-right: 5px;
        }
        .catsMenu{
            list-style: none outside none;
        }

       .demo-container{display: none; height: 300;}

       .product-item button.bmp{/*button add to main page*/
           cursor: pointer;
           float: right;
           font-size: 11px;
           height: 20px;
           outline: medium none;
           padding: 0;
           text-shadow: 0 1px 0 #D3D2D2;
       }
       #userpanel .lft a{
           color: #ffffff;
           margin-left: 25px;

       }
       .error {
           color: red;
           margin-left: 0;
           margin-right: 0;
           margin-bottom: 4px;
       }
       .forgot {
           color: black;
           margin: 4px auto 10px;
           font:bold 6px Cambria, "Hoefler Text",serif;
           text-shadow:1px 1px 0 rgba(255,255,255,0.4);
       }
       .message {
           padding: 10px;
           background-color: yellow;
           color:#000000;
           margin-bottom: 20px;
           margin-left: 250px;
           margin-right: 250px;
       }
       #ulogindiv{
           position: absolute;
           right: 200px;
           top: 5px;
       }
       .AddToWishListSmall{
           position:absolute;
           margin-left:145px;
           margin-top:280px
       }
    </style>

    <!--[if lt IE 9]>
    <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<link href="/css/dcdrilldown.css" rel="stylesheet" type="text/css" />
<link href="/css/skins/graphite.css" rel="stylesheet" type="text/css" />
<link href="/css/skins/blue.css" rel="stylesheet" type="text/css" />
<link href="/css/skins/grey.css" rel="stylesheet" type="text/css" />
<link href="/css/skins/demo.css" rel="stylesheet" type="text/css" />
<script src="//loginza.ru/js/widget.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/jquery.dcdrilldown.1.2.min.js"></script>
<script type="text/javascript">    
    
$(document).ready(function($){

    $('#progressbarCats').hide();
    $('.demo-container').show();
    
    $('#drilldown-1').dcDrilldown();
        $('#drilldown-2').dcDrilldown({
            speed       	: 'fast',
            saveState		: true,
            includeHdr      : false,
            showCount		: false,
            linkType		: 'link',
            backText		: 'All',
            defaultText		: 'Select Category'
        });
        $('#drilldown-3').dcDrilldown({
            speed       	: 'slow',
            saveState		: true,
            showCount		: false,
            linkType		: 'breadcrumb'
        });
        $('#drilldown-4').dcDrilldown({
            speed       	: 'fast',
            saveState		: false,
            showCount		: false,
            linkType		: 'backlink'
        });
});
</script>
    
    
    </head>
<body>
	<div class="body-conainer">
       <div class="stage">

            <div class="main-wrapper">


            <!-- HEAD BLOCK -->

            <div class="head">

<div id="userpanel-container">
   <div id="userpanel">
        <div style="position: absolute; top:9px;" class="lft">
        <a href="/">Main</a>
    <a href="/shop/cart">My Cart</a>
    <?php
               $user = Auth::instance()->get_user();
               if($user && $user->identity==null)
               {
                   ?>
                   <a href="/shop/change">Change Password</a>
    
                   <?php
               }
    ?>
    
    <?php if (Auth::instance()->logged_in()): ?>
        <a href="/shop/wishlist">My Wish List</a>
        <a href="/shop/orders">My Orders</a>        
    <?php endif; ?>
    <?php if (Auth::instance()->logged_in('admin')): ?>
        <a href="/shop/admin">Admin Panel</a>
    <?php endif; ?>
        </div>
       <ul class="userpanel">
           <li class="last">
               <?php
               if (Auth::instance()->logged_in())
               {
                   ?>
                   <div class="inset authorization">
                       <a href="/shop/logout" class="login">Logout</a>
                   </div>

                   <?php
               }
               else
               {
                   ?>
                   <div id="ulogindiv">
                       <script src="//ulogin.ru/js/ulogin.js"></script>
                       <div id="uLogin"
                            data-ulogin="display=panel;fields=;providers=facebook,google,twitter;hidden=;redirect_uri=<?php
                                echo urlencode( 'http://' . $_SERVER['HTTP_HOST'] . '/shop/log/');?>"></div>
                   </div>
                   <div class="insets authorization">
                       <a href="<?php echo 'http://' . $_SERVER['HTTP_HOST'] . '/shop/login/';?>"
                          class="login">Login</a>
                       <a href="<?php echo 'http://' . $_SERVER['HTTP_HOST'] . '/shop/create/';?>" class="registration">Registration</a>
                   </div>

                   <?php
               }
               ?>
           </li>
           <li class="clear"></li>
       </ul>
    </div>
</div>
                <div class="head-container" style="position: relative; ">
                    <div class="logo"></div>
                    <div class="navigation"></div>
                    <div class="phone"></div>
                    <div class="contact"></div>
                </div>
        </div>

    
            <!-- HEAD BLOCK END -->    

    <!--Скрипт для отображения placeholder в ie9-->
    <script>
    jQuery(function() {
    jQuery.support.placeholder = false;
    webkit_type = document.createElement('input');
    if('placeholder' in webkit_type) jQuery.support.placeholder = true;
    });
    $(function() {

    if(!$.support.placeholder) {

    var active = document.activeElement;

    $(':text, textarea, :password').focus(function () {

    if (($(this).attr('placeholder')) && ($(this).attr('placeholder').length > 0) && ($(this).attr('placeholder') != '') && $(this).val() == $(this).attr('placeholder')) {
    $(this).val('').removeClass('hasPlaceholder');
    }
    }).blur(function () {
    if (($(this).attr('placeholder')) && ($(this).attr('placeholder').length > 0) && ($(this).attr('placeholder') != '') && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
    $(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
    }
    });

    $(':text, textarea, :password').blur();
    $(active).focus();
    $('form').submit(function () {
    $(this).find('.hasPlaceholder').each(function() { $(this).val(''); });
    });
    }
    });
    </script>
    <!--Скрипт для всплывающей подсказки-->
    <script type="text/javascript">
    function addLoadEvent(func) {
      var oldonload = window.onload;
      if (typeof window.onload != 'function') {
        window.onload = func;
      } else {
        window.onload = function() {
          oldonload();
          func();
        }
      }
    }

    function prepareInputsForHints() {
        var inputs = document.getElementsByTagName("input");
        for (var i=0; i<inputs.length; i++){
            // test to see if the hint span exists first
            if (inputs[i].parentNode.getElementsByTagName("span")[0]) {
                // the span exists!  on focus, show the hint
                inputs[i].onfocus = function () {
                    this.parentNode.getElementsByTagName("span")[0].style.display = "inline";
                }
                // when the cursor moves away from the field, hide the hint
                inputs[i].onblur = function () {
                    this.parentNode.getElementsByTagName("span")[0].style.display = "none";
                }
            }
        }
        // repeat the same tests as above for selects
        var selects = document.getElementsByTagName("select");
        for (var k=0; k<selects.length; k++){
            if (selects[k].parentNode.getElementsByTagName("span")[0]) {
                selects[k].onfocus = function () {
                    this.parentNode.getElementsByTagName("span")[0].style.display = "inline";
                }
                selects[k].onblur = function () {
                    this.parentNode.getElementsByTagName("span")[0].style.display = "none";
                }
            }
        }
    }
    addLoadEvent(prepareInputsForHints);
    </script>
    
<?php echo $content;?> 

<!-- FOOTER BLOCK -->
<div id="footer" class="footer clear"><div id="ajaxPostLoadBlock4"></div></div>
<!-- FOOTER BLOCK END -->

  </div>
        
     
<div class="counters">
    &nbsp;&nbsp;
</div>
       <div class="clear"></div>
    </div>
        
    </div>

</body>
</html>
